<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
        <style>
            .layui-card{
                border:1px solid #ccc;
                box-shadow: 5px 5px 5px #aaa;
            }
            .layui-card-header{
                border-bottom: 1px solid #ccc;
            }
            .layui-card-body{
                height:60px;
                font-size:18px;
            }
        </style>
    </head>
    <body style="background-color: #eee;">
        
        <div class="layui-row layui-col-space15" style="width:95%; margin:0 auto;">
            <div class="layui-col-sm3">
                <div class="layui-card">
                    <div class="layui-card-header">登录人数</div>
                    <div class="layui-card-body">1100</div>
                </div>
            </div>
            <div class="layui-col-sm3">
                <div class="layui-card">
                    <div class="layui-card-header">登录人数</div>
                    <div class="layui-card-body">1100</div>
                </div>
            </div>
            <div class="layui-col-sm3">
                <div class="layui-card">
                    <div class="layui-card-header">登录人数</div>
                    <div class="layui-card-body">1100</div>
                </div>
            </div>
            <div class="layui-col-sm3">
                <div class="layui-card">
                    <div class="layui-card-header">登录人数</div>
                    <div class="layui-card-body">1100</div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15" style="width:95%;margin:0 auto;">
            <div class="layui-col-sm12">
                <div class="layui-card">
                    <div class="layui-card-header">统计图</div>
                    <div class="layui-card-body" style="height:200px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15" style="width:95%;margin:0 auto;">
            <div class="layui-col-sm12">
                <div class="layui-card">
                    <div class="layui-card-header">列表</div>
                    <div class="layui-card-body" style="min-height:300px;"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="jquery/jquery.min.js"></script>
        <script type="text/javascript" src="layui/layui.js"></script>
    </body>
</html>